<template>
  <van-nav-bar :fixed=true left-arrow right-text="weapp-nav" :border=false @click-left="onClickLeft">
    <template #left>
      <van-icon name="arrow-left" size="25px" color="black" />
    </template>
    <template #right>
      <van-icon name="ellipsis" size="25px" color="black" />
    </template>
    <template #title>
      <ul class="detail-title">
      <!-- <ul :class="['detail-title', isScrolled ? 'xianshi' : '']"> -->
        <li>商品</li>
        <li>评价</li>
        <li>详情</li>
        <li>推荐</li>
      </ul>
    </template>
  </van-nav-bar>
</template>

<script>
export default {
  // setup() {
  //   const onClickLeft = () => history.back();
  //   return {
  //     onClickLeft,
  //   };
  // },
  methods: {
    onClickLeft() {
      history.back();
    }
  }
}
</script>

<style lang="less" scoped>
.detail-title {
  // background-color: white;
  display: flex;
  justify-content: space-evenly;
  gap: 20px;
  display: none;
}

.xianshi {
  display: block;
  background-color: white;
}
</style>